<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/style.css">
    <style>
        .number_item {
            width: 160px;
            height: 80px;
            background-size: 100%;
            background-image: url("01right_border.png");
        }

        .number_item {
            font-family: youshebiaotihei;
            font-weight: 700;
            font-size: 14px;
            color: #fff;
            text-align: center;
            float: left;
            margin-right: 17px;
            margin-bottom: 19px;
        }

        .number_item span {
            font-family: youshebiaotihei;
            color: #54daf2;
            font-weight: 400;
            font-size: 36px;
        }

        .number_item p {
            font-size: 14px;
            color: #fff;
        }
    </style>

</head>
<body class="">
<div id="box"></div>

</body>
<script type="text/javascript" charset="utf-8" src="../../js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../../js/common.js"></script>
<script>
	$(function () {
		getJson('jczl_rlzy_list.json', {}, function (res) {
			if (res.code == 200) {
				for (let i = 0; i < res.data.length; i++) {
					$('#box').append(`<div class="number_item">
                        <span>${res.data[i].userNum}</span>人
                        <p>${res.data[i].codeName}</p>
                    </div>`);
				}
			}
		})
	})
</script>
</html>
